<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="renderer" content="webkit">
	<title></title>
	<link rel="stylesheet" href="styles/idangerous.swiper.min.css">
	<link rel="stylesheet" href="styles/reset.css">
	<link rel="stylesheet" href="styles/common.css">
	<link rel="stylesheet" href="styles/product.css">
	<link rel="stylesheet" href="styles/newIn.css">
</head>
<body>
<div class="main-container">
<!-- 左边 -->
<!--include "block/left.html"-->	
<!-- 右边 -->
<div class="pull-right main-right">
	<!--include "block/top.html"-->
	<div class="main">
		<div class="article">
			<h2 class="">Company</h2>
			<p>Vlino.com is delivering high-quality customized products to bring your creativity & imagination to your life.</p>
			<p>We believe what you buy is voting for the life you want, our mission is to make it qualified. Right choice here is our greatest honor.</p>
			<p>Vlino as an innovative company spread a great service brand “ Future tells.” We run it as our future, not a business only. We are committed to supplying good products and services to deserve the better future with you. Everyone can re-define the diverse and unique future, start now from every single day for it!</p>
			<p>Future tells you are really good.</p>
			<p>Thanks for choosing Vlino.com.</p>
		</div>
		<div class="headline">
			<a href="newin.html" class="switch1"></a>
			<a href="news.html" class="switch2"></a>
		</div>
		<div class="product-list">
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			    <div class="swiper-slide">
			    <ul class="product-item">
			    	<li onclick="javascript:window.open('detail.html')">
				    	<div class="item-img"><img src="images/news1.jpg"></div>
				    	<p class="title">Studio Visit: KARA</p>
				    	<p class="data">$10000</p>
			    	</li>
			    	<li onclick="javascript:window.open('detail.html')">
			    		<div class="item-img"><img src="images/news1.jpg"></div>
				    	<p class="title">Studio Visit: KARA</p>
				    	<p class="data">$10000</p>
				    </li>
			    	<li onclick="javascript:window.open('detail.html')">
			    		<div class="item-img"><img src="images/news1.jpg"></div>
				    	<p class="title">Studio Visit: KARA</p>
				    	<p class="data">$10000</p>
				    </li>
			    	<li onclick="javascript:window.open('detail.html')">
			    		<div class="item-img"><img src="images/news1.jpg"></div>
				    	<p class="title">Studio Visit: KARA</p>
				    	<p class="data">$10000</p>
				    </li>
			    	<li onclick="javascript:window.open('detail.html')">
			    		<div class="item-img"><img src="images/news1.jpg"></div>
				    	<p class="title">Studio Visit: KARA</p>
				    	<p class="data">$10000</p>
				    </li>
			    </ul>
			    </div>
			  </div>
			</div>
			<img src="images/arr_left.png" class="swiper-btn prev">
			<img src="images/arr_right.png" class="swiper-btn next">
		</div>
	</div>
</div>
<!-- 底部 -->
<!--include "block/bottom.html"-->
</div>
<script type="text/javascript" src="scripts/vendor/jquery.min.js"></script>
<script type="text/javascript" src="scripts/placeholder.js"></script>
<script type="text/javascript" src="scripts/vendor/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="scripts/common.js"></script>
</body>
	<script type="text/javascript">
		$(function() {
			var mySwiper = new Swiper('.swiper-container',{
				autoplay : 5000,//可选选项，自动滑动
				loop : true,//可选选项，开启循环
				calculateHeight : true
			})
			$('.prev').click(function(){
				mySwiper.swipePrev(); 
			})
			$('.next').click(function(){
				mySwiper.swipeNext(); 
			})

		})
	</script>
</html>
